<template>
<div>
    <Row>
        <Col span="5">
            <Select placeholder="对接状态" :value="page.action_data.status" v-model="page.action_data.status" @on-change="handleSelectChange" style="width:200px">
            <Option value="7">全部对接</Option>
            <Option value="3">正在合作</Option>
            <Option value="4">已完成</Option>
            <Option value="5">已取消</Option>
        </Select>
        </Col>
        
        <!-- <Col span="10">
        <label>编号：</label>
            <Input v-model="page.action_data.number" style="width:200px"></Input>
            <Button type="primary" icon="ios-search" @click="handleSelectChange" >搜索</Button>
        </Col> -->
    </Row>
    <Row>
        <AbutmentBase :page="page"></AbutmentBase>
    </Row>
</div>
</template>
<script>
import AbutmentBase from "./abutment_base";
import Page from '@/common/model/Page'
import Abutment from "@/common/model/Abutment"

export default {
    components: {
        AbutmentBase
    },
    data(){
        return{
            page: new Page("abutment/butted", {status:"7",self_role:'demander'}),
        }
    },
    methods: {
        handleSelectChange() {
            this.page.getData();
        }
    },
    created() {
        this.page.action_data.status = this.$route.query.tab ? this.$route.query.tab.toString():"7";
    }  
}
</script>
